<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的桌面</title>
<style>
@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF; height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0; font-size: 12px; font-family:Arial; color:#333;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
a,a:hover { text-decoration: none;}

body { background:#fff url(images/home_bg.png) repeat-x 0 0;}
.main{ position:relative; width:960px; height:460px; padding-top:110px; padding-bottom:70px; margin:0 auto; background:url(images/home_t.png) 20px 120px no-repeat}
.home_wrap a{ position:absolute;display:inline-block; margin: 10px 0; width: 160px; height: 133px; text-align:center;}

.a12366_btn{ left: 0px; top:400px;}.da_btn{ left:200px; top: 350px;}.md_btn{left:400px; top: 265px;}.tj_btn{left:600px; top: 180px;}.xt_btn{left:800px; top: 135px;}

.home_wrap a img { width: 110px;}

.home_wrap .a12366_btn img { width:90px;}
.da_btn img {}
.home_wrap .md_btn img { width: 120px;}
.tj_btn img{}
.home_wrap .xt_btn img{ width:90px;}

.home_wrap .l { float:left; display:inline;}

.wraper { margin:0 auto; width:950px; background:url(images/welcome_bg.png) no-repeat center 200px;}
</style>
<script src="js/jquery.js"></script>
</head>

<body>
<div class="wraper">
	<div class="main home_wrap">
    	<a href="welcome_02.jsp?pagename=12366zsk" class="a12366_btn l" title="12366知识库"><img src="images/btn/12366.png" rel="90" /></a>
        <a href="welcome_02.jsp?pagename=dzdak" class="da_btn" title="电子档案库"><img src="images/btn/da.png" rel="110" /></a>
    	<a href="welcome_02.jsp?pagename=yjmtd" class="md_btn" title="一键免填单"><img src="images/btn/md.png" rel="120" /></a>
    	<a href="welcome_02.jsp?pagename=tjfxpt" class="tj_btn l" title="统计分析平台"><img src="images/btn/tj.png" rel="110" /></a>
    	<a href="welcome_02.jsp?pagename=xtszgl" class="xt_btn" title="系统设置管理"><img src="images/btn/xt.png" rel="90" /></a>
    </div>
</div>
<script>
$(".home_wrap img").hover(function() {
	$(this).animate({
		width: 150				
	}, 300);					  
}, function() {
	var rel = $(this).attr("rel");
	$(this).animate({
		width: rel				
	}, 300);
})
</script>
</body>
</html>
